$bg:#2d3a4b;
$dark_gray:#889aa4;
$light_gray:#eee;
.dashboard-container {
    margin: 20px;
    // border: 1px solid #e5e9f2;
    // background-color: #fff;
}
.layout-item {
    padding: 20px 30px;
    border: 1px solid #e5e9f2;
    border-bottom: none;
    background-color: #fff;
    .tit {
        position: relative;
        padding: 10px 400px 20px 0;
        .txt {
            margin: 0;
            font-weight: 700;
            font-size: 18px;
        }
    }
    .toolbar {
        position: absolute;
        top: 0;
        right: 0;
    }
    &:last-child {
        border-bottom: 1px solid #e5e9f2;
    }
}
.data-list {
    padding: 20px 0;
    .item {
        display: inline-block;
        width: 195px;
        margin-right: 30px;
        color: #999;
        b,
        strong {
            display: block;
            margin-bottom: 5px;
            font-size: 14px;
        }
        strong {
            font-size: 18px;
        }
        &:last-child {
            margin-right: 0;
        }
    }
}
.link-btn {
    display: inline-block;
    width: 195px;
    height: 53px;
    border-radius: 5px;
    font-size: 13px;
    line-height: 53px;
    text-align: center;
    color: #fff;
    background-color: #69f;
    &.red {
        background-color: #fa5543;
    }
    &.orange {
        background-color: #fb983e;
    }
    &.yellow {
        background-color: #fccc42;
    }
}
.link-btn-group {
    .link-btn + .link-btn {
        margin-left: 30px;
    }
}
.echart-wrapper {
    width: 100%;
    height: 200px;
}
.echarts {
    width: 100%;
    height: 100%;
}
.pre_tab_img{
    width: 100px;
    height: 100px;
}
.tab_img{
    width: 36px;
    height: 36px;
}
// /deep/ .el-date-editor--daterange.el-input__inner {
//     width: 240px;
//     border: none;
// }
